<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<?php include 'header.php';?>
<link rel="stylesheet" type="text/css" href="<?php echo css_url().'user_group3/body.css'?>">
   <section id='body'>
    <div class="body-container" >
        <div class="outside-content-container">
            <div class="inner-content-main">
                <!-- Tabs header -->
                <div id="job-tabs-container">
                    <ul>
                        <li><a href="#event/news" class="tab-header">News</a></li>
                        <li><a href="#event/recent" class="tab-header">Recent Jobs</a></li>
                        <?php if($UserInfo){?>
                        <li><a href="#event/suggested" class="tab-header">Suggested Jobs</a></li>
                        <li><a href="#event/suitable" class="tab-header">Suitable Jobs</a></li>
                        <?php }?>
                    </ul>
                </div>

                <!-- Tab content -->
                <div id="job-content-container">
                    <div class="content-block">
                        <div class="image-content-block-container">
                            <image src="http://myvaultteam.com/wp-content/uploads/2012/12/girl-typing.png" class="image-content-block"/>
                        </div>
                        <div class="brief-content-block"> Your Vault Denim Business Deserves the Best Support. "My Vault Team". Join us today and be part of the fastest growing direct sales organization
                            <a href="more" class="more">Read more</a>
                        </div>
                    </div>
                    
                    <div class="content-block">
                        <div class="image-content-block-container">
                            <image src="http://myvaultteam.com/wp-content/uploads/2012/12/girl-typing.png" class="image-content-block"/>
                        </div>
                        <div class="brief-content-block"> Your Vault Denim Business Deserves the Best Support. "My Vault Team". Join us today and be part of the fastest growing direct sales organization
                            <a href="more" class="more">Read more</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="right-navigation-panel">
                <!-- User profile -->
                <div class="brief-user-profile">
                    <!-- Profile's picture -->
                    <?php if($UserInfo){?>
                    <div class="profile-picture-section">
                        <image class="profile-picture" src="<?php echo user_avatar_link()?>"/>
                    </div>

                    <!-- Welcome message -->    
                    <div class="profile-welcome-message"> 
                        <h4 style="max-width: 150px">
                            <b>Welcome back</b>
                            <em><a class='UserName' href="#"><?php echo $UserInfo['UserEmail'];?></a></em>
                        </h4>
                    </div>
                    <?php }  else { ?>
                    <div class="profile-welcome-message">
                        <h4 style='text-align: center'>You're logged as a Guest. Please <a href='login' style='text-decoration: none'>login</a> or <a href='register' style='text-decoration: none'>register</a> to use all features</h4>
                    </div>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
    </section>
    <script>
        //Change content when tab is clicked

        $(document).ready(function(){
                $(".tab-header").click(function(){
                    $(".tab-header").removeAttr('id');
                    $(this).attr('id','on-link');
                });
                $(".tab-header:first").click();
        });
  
    </script>
    
    <?php include '/../footer.php'; 